今天是教師節！祝天下所有老師教師節快樂！也祝所有學生可以快樂學習，終生學習

教師節是孔子誕辰，所以今天ㄉ主角就決定是孔子了！
教室節學生該做什麼事情呢！就是 整！老！師！（沒）
我們用濾鏡讓孔大大變得更美麗就好（嘻嘻）

濾鏡！想不到ㄅ！css也有濾鏡效果

濾鏡清單如下：

grayscale 灰階
sepia 懷舊
saturate 飽和
hue-rotate 色相旋轉
invert 負片
opacity 不透明
brightness 亮度
contrast 對比
blur 模糊
drop-shadow 陰影

延續昨天的陰影教學

css_drop-shadow 程式碼：

filter:drop-shadow(0px 0px 10px rgba(0,0,0,.5));

css_hue-rotate 網頁呈現：（綠臉孔老大）

css_blur 網頁呈現：（失焦孔大大）

教師節玩孔子特輯到這邊告一段落！Happy Teacher's Day !!!

參考資料：
https://www.minwt.com/webdesign-dev/css/19671.html
https://ithelp.ithome.com.tw/articles/10203015
http://blog.shihshih.com/drop-shadow-vs-box-shadow/
http://blog.shihshih.com/css-filter/